<template>
  <div>
    <el-container>
      <el-header>
        <el-menu mode="horizontal"
                 background-color="#fff1a0"
                 text-color="black"
                 active-text-color="#9c9d4f">
          <el-menu-item index="1" >
            消息设置
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <div class="infoSet">
          <form class="infoForm" style="margin-left: 20px">
            <table cellspacing="0" cellpadding="10">
              <tr>
                <td>通知方式:</td>
                <td>
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                  </el-select>
                </td>
              </tr>
              <tr>
                <td>7天未读消息自动设置已读:</td>
                <td>
                  <el-switch v-model="value2" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                </td>
              </tr>
              <tr>
                <td>清楚缓存:</td>
                <td>
                  <button><i class="el-icon-delete" style="font-size: 25px" @click="delCache()"></i></button>
                </td>
              </tr>
            </table>
          </form>
          <div class="setButton" style="margin-left: 300px;margin-top: 100px">
            <el-button type="warning" @click="updateSet()">保存修改</el-button>
            <el-button type="warning" @click="exitSet()">取消</el-button>
          </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "studentsetupmessage",
  data() {
    return {
      options: [{
        value: '选项1',
        label: '系统'
      }, {
        value: '选项2',
        label: '公告'
      }, {
        value: '选项3',
        label: '私信'
      }],
      value1: '',
      value2: true,
    }
  },
  methods:{
    delCache(){
      alert(1);
    },
    updateSet(){

    },
    exitSet(){

    }
  }
}
</script>

<style scoped>
@import "../../assets/css/student.css";
</style>
